@charset "utf-8";
html,body{
     background-color: #f5f5f5;
}
@function rem($px) {
  @return $px / 32 + rem
}
*{
    box-sizing: border-box;
}
header {
  height: rem(75);
  width: 100%;
  background: #ffac2c;
  text-align: center;
  position: relative;
  #hd_fh{
    font-size: rem(30);
    color: #fff;
    position: absolute;
    left: rem(10);
    top:rem(23);
  }
}

#title {
  font-size: rem(30);
  line-height: rem(75);
  color: #fff;
}
main{
  .ss_ziliao{
      margin-top: rem(18);
      display: flex;
      padding-left: rem(16);
      padding-right: rem(30);
      background-color: #fff;
      .ss_xiang{
          width: 50%;
          display: flex;
          padding-top: rem(26);
          padding-bottom: rem(20);
          >img{
              width: rem(66);
              height: rem(66);
          }
          .ss_name{
              margin-left: rem(16);
              p:last-of-type{
                  background-color: #ffc801;
                  padding: rem(5)  rem(10);
                  border-radius: rem(10);
                  color: #fff;
                  
              }
          }
      }
      .ss_wanshan{
          width: 50%;
           display: flex;
              align-items: center;
              justify-content: flex-end;
          p{
             span{
                 color: #ffa721;
                 font-size: rem(26);
                 margin-right: rem(22);
             }
             i{
                 color: #dfdfdf;
             }
          }
          
      }
  } 
  .ss_xiugai{
      margin-top: rem(34);
      background-color: #fff;
      ul{
          li{
              border-bottom: 1px solid #ccc;
              
              padding-left: rem(34);
              padding-right: rem(30);
             
              height: rem(76);
               line-height: rem(76);
               a{
                   display: flex;
                    justify-content: space-between;
                   height: 100%;
                   width: 100%;
                   
               }
               i{
                 color: #dfdfdf;
                 line-height: rem(76);
             }
          }
      }
  }
  .ss_tuichu{
      margin-top: rem(30);
        background-color: #fff;
         line-height: rem(74);
      p{
          text-align: center;
         
        
      }
  }  
}
